<!doctype html>
<html class="no-js" lang="zxx">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="manifest" href="site.webmanifest">
		<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
        <link rel="stylesheet" href="assets/css/themify-icons.css">
        <link rel="stylesheet" href="assets/css/meanmenu.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/main.css">
        <link rel="stylesheet" href="assets/css/responsive.css">

        <!-- Slider Revolution CSS Files -->
        <link rel="stylesheet" type="text/css" href="assets/rs/css/settings.css">
        <link rel="stylesheet" type="text/css" href="assets/rs/css/layers.css">
        <link rel="stylesheet" type="text/css" href="assets/rs/css/navigation.css">
    </head>
    <body>

        <!-- header-start -->
		<header>
            <div class="header2-area header3 d-none d-md-block ">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 col-md-6 d-flex align-items-center">
                            <div class="header-info heder-red-info">
                                <span><i class="far fa-clock"></i> Mon - Fri: 9:00 - 19:00 / Closed on Weekends</span>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-6 d-flex align-items-center justify-content-end">
                            <div class="header-info heder-red-info">
                                <span class="mail-header-icon"><i class="far fa-map-marker-alt"></i> Flat 20, Reynolds USA</span>
                                <span ><i class="far fa-envelope-open"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6d1e181d1d021f192d1f000c0401430e0200">[email&#160;protected]</a></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="sticky-header" class="main-menu-area menu-red">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-2 col-lg-3 d-flex align-items-center">
                            <div class="logo">
                                <a href="index.html"><img src="assets/img/logo/logo-red.png" alt="" /></a>
                            </div>
                        </div>
                        <div class="col-xl-9 col-lg-9">
                            <div class="main-menu text-right">
                                <nav id="mobile-menu">
                                    <ul>
                                        <li class="active"><a href="index.html">home</a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="index.html">home 1</a></li>
                                                <li><a href="index-2.html">home 2</a></li>
                                                <li><a href="index-3.html">home 3</a></li>
                                                <li><a href="index-4.html">home 4</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="services-01.html">Services</a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="services-01.html">services 01</a>
                                                <li><a href="services-02.html">services 02</a></li>
                                                <li><a href="services-03.html">services 03</a></li>
                                                <li><a href="services-details.html">services details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="case.html">Case</a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="case.html">case</a></li>
                                                <li><a href="case-02.html">case 02</a></li>
                                                <li><a href="case-03.html">case 03</a></li>
                                                <li><a href="case-04.html">case 04</a></li>
                                                <li><a href="case-details.html">case details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">pages</a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="about-us-01.html">about us 01</a></li>
                                                <li><a href="about-us-02.html">about us 02</a></li>
                                                <li><a href="brand.html">brand</a></li>
                                                <li><a href="faq.html">faq</a></li>
                                                <li><a href="certification.html">certification</a></li>
                                                <li><a href="our-history.html">our history</a></li>
                                                <li><a href="team.html">team</a></li>
                                                <li><a href="contact.html">contact</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="blog.html">blog </a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="blog.html">blog</a></li>
                                                <li><a href="blog-3-column.html">blog 3 column</a></li>
                                                <li><a href="blog-left-sidebar.html">blog left sidebar</a></li>
                                                <li><a href="blog-details.html">blog details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="contact.html">contact</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-xl-1 col-lg-1 d-none d-xl-block">
                            <div class="header-right">
                                <div class="menu-bar menu-bar-red f-right d-none d-lg-block">
                                    <a class="info-bar" href="javascript:void(0);"><i class="fal fa-bars"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mobile-menu"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="extra-info">
                <div class="close-icon">
                    <button>
                        <i class="far fa-window-close"></i>
                    </button>
                </div>
                <div class="logo-side mb-30">
                    <a href="index.html">
                        <img src="assets/img/logo/white.png" alt="" />
                    </a>
                </div>
                <div class="side-info mb-30">
                    <div class="contact-list mb-30">
                        <h4>Office Address</h4>
                        <p>123/A, Miranda City Likaoli
                            Prikano, Dope</p>
                    </div>
                    <div class="contact-list mb-30">
                        <h4>Phone Number</h4>
                        <p>+0989 7876 9865 9</p>
                        <p>+(090) 8765 86543 85</p>
                    </div>
                    <div class="contact-list mb-30">
                        <h4>Email Address</h4>
                        <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1b72757d745b7e637a766b777e35787476">[email&#160;protected]</a></p>
                        <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e18499808c918d84cf8c80888da189948ccf828e8c">[email&#160;protected]</a></p>
                    </div>
                </div>
                <div class="instagram">
                    <a href="#">
                        <img src="assets/img/portfolio/p1.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p2.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p3.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p4.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p5.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p6.jpg" alt="">
                    </a>
                </div>
                <div class="social-icon-right mt-20">
                    <a href="#">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a href="#">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a href="#">
                        <i class="fab fa-google-plus-g"></i>
                    </a>
                    <a href="#">
                        <i class="fab fa-instagram"></i>
                    </a>
                </div>
            </div>
        </header>
        <!-- header-start -->

        <main>
            <!-- slider start -->
            <div class="hero-slider-area">
                <div id="rev_slider_3_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="home-01"
                    data-source="gallery"
                    style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
                    <!-- START REVOLUTION SLIDER 5.4.7 fullwidth mode -->
                    <div id="rev_slider_3_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.7">
                        <ul>
                            <!-- SLIDE  -->
                            <li data-index="rs-1" data-transition="random" data-slotamount="default" data-hideafterloop="0"
                                data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default"
                                data-thumb="assets/img/slider/slider-3-01.jpg" data-rotate="0" data-saveperformance="off"
                                data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5=""
                                data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/slider-3-01.jpg" alt="" data-bgposition="center center"
                                    data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 1 -->
                                <div class="tp-caption     rev_group" id="slide-7-layer-24" data-x="['left','left','left','center']"
                                    data-hoffset="['368','84','65','0']" data-y="['middle','middle','middle','middle']"
                                    data-voffset="['1','1','0','80']" data-width="['750','750','400','400']"
                                    data-height="['350','350','450','450']" data-whitespace="nowrap" data-type="group"
                                    data-responsive_offset="on" data-responsive="off"
                                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"
                                    style="z-index: 5; min-width: 750px; max-width: 750px; max-width: 350px; max-width: 350px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                    <!-- LAYER NR. 2 -->
                                    <div class="tp-caption tp-shape tp-shapewrapper " id="slide-3-layer-1"
                                        data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']"
                                        data-y="['top','top','top','top']" data-voffset="['0','0','0','0']"
                                        data-width="['730','730','600','400']" data-height="['390','390','350','300']"
                                        data-whitespace="normal" data-type="shape" data-responsive_offset="off"
                                        data-responsive="off"
                                        data-frames='[{"delay":"+1050","speed":700,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                        data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                        data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                        data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                        data-paddingleft="[0,0,0,0]" style="z-index: 6;background-color:rgb(255,255,255);"> </div>

                                    <!-- LAYER NR. 3 -->
                                    <div class="tp-caption  " id="slide-3-layer-2" data-x="['left','left','left','left']"
                                        data-hoffset="['56','56','56','41']" data-y="['top','top','top','top']" data-voffset="['40','40','40','30']"
                                        data-fontsize="['18','18','18','18']" data-lineheight="['30','30','30','30']"
                                        data-width="['730','730','700','400']" data-height="none"
                                        data-whitespace="normal" data-type="text" data-responsive_offset="off" data-responsive="off"
                                        data-frames='[{"delay":"+1650","speed":700,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                        data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]"
                                        data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
                                        data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                        style="z-index: 8; min-width: 301px; max-width: 301px; white-space: normal; font-size: 18px; line-height: 60px; font-weight: 700; color: #222222; letter-spacing: 0px;font-family:Roboto;color: #de2021;">
                                        A Modern Cottnstruction & Industrial Agen </div>

                                    <!-- LAYER NR. 4 -->
                                    <div class="tp-caption  " id="slide-3-layer-3" data-x="['left','left','left','left']"
                                        data-hoffset="['56','56','56','41']" data-y="['top','top','top','top']"
                                        data-voffset="['95','95','90','80']" data-fontsize="['70','60','50','35']"
                                        data-lineheight="['75','70','60','40']" data-width="['650','600','500','350']" data-height="none"
                                        data-whitespace="normal" data-type="text" data-responsive_offset="off" data-responsive="off"
                                        data-frames='[{"delay":"+1650","speed":700,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                        data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                        data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                        data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                        data-paddingleft="[0,0,0,0]"
                                        style="z-index: 8; min-width: 301px; max-width: 301px; white-space: normal; font-size: 50px; line-height: 60px; font-weight: 700; color: #222222; letter-spacing: 0px;font-family:Roboto;">
                                        Marvelous Luxury
                                        Interior Homes </div>

                                    <!-- LAYER NR. 5 -->
                                    <div class="tp-caption rev-btn-01 rev-btn " id="slide-3-layer-4"
                                        data-x="['left','left','left','left']" data-hoffset="['60','56','56','41']"
                                        data-y="['top','top','top','top']" data-voffset="['280','274','250','190']"
                                        data-width="none" data-height="none" data-whitespace="nowrap" data-type="button"
                                        data-actions='' data-responsive_offset="off" data-responsive="off"
                                        data-frames='[{"delay":"+1650","speed":700,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(34,34,34);bs:solid;bw:0 0 0 0;"}]'
                                        data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                        data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                        data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
                                        data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                        style="z-index: 10;"><div class="bd-slider-button">
                                            <a class="b-btn btn-red" href="#"> <span>get started</span></a>
                                        </div>
                                    </div>
                                </div>

                            </li>
                            <!-- SLIDE  -->
                            <li data-index="rs-2" data-transition="random" data-slotamount="default" data-hideafterloop="0"
                                data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default"
                                data-thumb="assets/img/slider/slider-3-02.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide"
                                data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
                                data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/slider-3-02.jpg" alt="" data-bgposition="center center" data-bgfit="cover"
                                    data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 1 -->
                                <div class="tp-caption     rev_group" id="slide-3-layer-1-1" data-x="['left','left','left','center']"
                                    data-hoffset="['368','84','65','0']" data-y="['middle','middle','middle','middle']"
                                    data-voffset="['1','1','0','80']" data-width="['750','750','400','400']" data-height="['350','350','450','450']"
                                    data-whitespace="nowrap" data-type="group" data-responsive_offset="on" data-responsive="off"
                                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"
                                    style="z-index: 5; min-width: 750px; max-width: 750px; max-width: 350px; max-width: 350px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                    <!-- LAYER NR. 2 -->
                                    <div class="tp-caption tp-shape tp-shapewrapper " id="slide-3-layer-22" data-x="['left','left','left','left']"
                                        data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']"
                                        data-width="['730','730','600','400']" data-height="['390','390','350','300']" data-whitespace="normal"
                                        data-type="shape" data-responsive_offset="off" data-responsive="off"
                                        data-frames='[{"delay":"+1050","speed":700,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                        data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                        data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                        data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                        data-paddingleft="[0,0,0,0]" style="z-index: 6;background-color:rgb(255,255,255);"> </div>

                                    <!-- LAYER NR. 3 -->
                                    <div class="tp-caption  " id="slide-3-layer-2-2" data-x="['left','left','left','left']"
                                        data-hoffset="['56','56','56','41']" data-y="['top','top','top','top']" data-voffset="['40','40','40','30']"
                                        data-fontsize="['18','18','18','18']" data-lineheight="['30','30','30','30']"
                                        data-width="['730','730','700','400']" data-height="none" data-whitespace="normal" data-type="text"
                                        data-responsive_offset="off" data-responsive="off"
                                        data-frames='[{"delay":"+1650","speed":700,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                        data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                        data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                        data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                        data-paddingleft="[0,0,0,0]"
                                        style="z-index: 8; min-width: 301px; max-width: 301px; white-space: normal; font-size: 18px; line-height: 60px; font-weight: 700; color: #222222; letter-spacing: 0px;font-family:Roboto;color: #de2021;">
                                        A Modern Cottnstruction & Industrial Agen </div>

                                    <!-- LAYER NR. 4 -->
                                    <div class="tp-caption  " id="slide-3-layer-3-3" data-x="['left','left','left','left']"
                                        data-hoffset="['56','56','56','41']" data-y="['top','top','top','top']" data-voffset="['95','95','90','80']"
                                        data-fontsize="['70','60','50','35']" data-lineheight="['75','70','60','40']"
                                        data-width="['650','600','500','350']" data-height="none" data-whitespace="normal" data-type="text"
                                        data-responsive_offset="off" data-responsive="off"
                                        data-frames='[{"delay":"+1650","speed":700,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                        data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                        data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                        data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                        data-paddingleft="[0,0,0,0]"
                                        style="z-index: 8; min-width: 301px; max-width: 301px; white-space: normal; font-size: 50px; line-height: 60px; font-weight: 700; color: #222222; letter-spacing: 0px;font-family:Roboto;">
                                        Marvelous Luxury
                                        Interior Homes </div>

                                    <!-- LAYER NR. 5 -->
                                    <div class="tp-caption rev-btn-01 rev-btn " id="slide-3-layer-4-4" data-x="['left','left','left','left']"
                                        data-hoffset="['60','56','56','41']" data-y="['top','top','top','top']"
                                        data-voffset="['280','274','250','190']" data-width="none" data-height="none" data-whitespace="nowrap"
                                        data-type="button" data-actions='' data-responsive_offset="off" data-responsive="off"
                                        data-frames='[{"delay":"+1650","speed":700,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(34,34,34);bs:solid;bw:0 0 0 0;"}]'
                                        data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                        data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                        data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                        data-paddingleft="[0,0,0,0]" style="z-index: 10;">
                                        <div class="bd-slider-button">
                                            <a class="b-btn btn-red" href="#"> <span>get started</span></a>
                                        </div>
                                    </div>
                                </div>

                            </li>
                        </ul>
                        <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
                    </div>
                </div><!-- END REVOLUTION SLIDER -->
            </div>
            <!-- slider end -->

            <!-- services-start  -->
            <div class="services-area pt-125 pb-30">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-4 col-lg-4">
                            <div class="single-about  mb-30">
                                <div class="section-title">
                                    <span>what we do</span>
                                    <h1>We Are Trusted Property Services Company</h1>
                                    <div class="mb-30"></div>
                                    <p>But I must explain to you how all this mistaken is denouncing pleasure and praising</p>
                                    <div class="abo-link mt-20">
                                        <a href="#">continue reading</a>
                                    </div>
                                </div>
                                <div class="about-img mt-80 pos-rel">
                                    <img src="assets/img/bg/video-01.jpg" alt="">
                                    <div class="about-video-icon">
                                        <a class="popup-video" href="https://www.youtube.com/watch?v=LTXD6XZXc3U"><i class="fas fa-play"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-8 col-lg-8">
                            <div class="services-bg">
                                <div class="row">
                                    <div class="col-xl-6 col-lg-6 col-md-6">
                                        <div class="services-02-wrapper mb-100">
                                            <div class="services-02-icon">
                                                <i class="flaticon-house-1"></i>
                                            </div>
                                            <div class="services-02-text">
                                                <h3>Luxury Property</h3>
                                                <p>Must explain to you how all this mista idea of denouncing pleasure and praising pain was born and will give.</p>
                                                <a href="#">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-6 col-md-6">
                                        <div class="services-02-wrapper mb-100">
                                            <div class="services-02-icon">
                                                <i class="flaticon-access"></i>
                                            </div>
                                            <div class="services-02-text">
                                                <h3>Luxury Property</h3>
                                                <p>Must explain to you how all this mista idea of denouncing pleasure and praising pain was born and will give.</p>
                                                <a href="#">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-6 col-md-6">
                                        <div class="services-02-wrapper mb-100">
                                            <div class="services-02-icon">
                                                <i class="flaticon-window"></i>
                                            </div>
                                            <div class="services-02-text">
                                                <h3>Luxury Property</h3>
                                                <p>Must explain to you how all this mista idea of denouncing pleasure and praising pain was born and will give.</p>
                                                <a href="#">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-6 col-md-6">
                                        <div class="services-02-wrapper mb-100">
                                            <div class="services-02-icon">
                                                <i class="flaticon-payment"></i>
                                            </div>
                                            <div class="services-02-text">
                                                <h3>Luxury Property</h3>
                                                <p>Must explain to you how all this mista idea of denouncing pleasure and praising pain was born and will give.</p>
                                                <a href="#">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- services-end  -->

            <!-- counter-area-start -->
            <div class="counter-area pt-130 pb-100" style="background-image:url(assets/img/bg/bg-3.jpg)">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-5 col-lg-5">
                            <div class="single-counter mb-30">
                                <div class="section-title">
                                    <span>what we do</span>
                                    <h1>We Have 30+ Years Industrial Experiences</h1>
                                    <div class="mb-30"></div>
                                    <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaeca</p>
                                </div>
                                <div class="row mt-25">
                                    <div class="col-xl-6 col-lg-6 col-md-6 mb-20">
                                        <div class="single-counter">
                                            <div class="counter-3-icon f-left">
                                                <i class="flaticon-repair"></i>
                                            </div>
                                            <div class="counter-3-text">
                                                <h1><span class="counter">26530</span><span class="plus-icon">+</span></h1>
                                                <p>Project Complate</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-6 col-md-6 mb-20">
                                        <div class="single-counter">
                                            <div class="counter-3-icon f-left">
                                                <i class="flaticon-medal"></i>
                                            </div>
                                            <div class="counter-3-text">
                                                <h1><span class="counter">5896</span><span class="plus-icon">+</span></h1>
                                                <p>Win Gold Awards</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="counter-btn mt-30">
                                    <a class="b-btn btn-red" href="#">
                                        <span>learn more</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-7 col-lg-7">
                            <div class="counter-img mb-30">
                                <img src="assets/img/bg/counter.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- counter-area-end -->

            <!-- work-area-start -->
            <div class="work-area pb-100">
                <div class="work-tab mb-80">
                    <ul class="nav product-nav justify-content-center" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">
                                <div class="work-tap-wrapper">
                                    <div class="work-tap-icon">
                                        <i class="flaticon-love"></i>
                                    </div>
                                    <div class="work-tap-text">
                                        <h4>Luxury House</h4>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">
                                <div class="work-tap-wrapper">
                                    <div class="work-tap-icon">
                                        <i class="flaticon-swimming-pool"></i>
                                    </div>
                                    <div class="work-tap-text">
                                        <h4>Swimming Pool</h4>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">
                                <div class="work-tap-wrapper">
                                    <div class="work-tap-icon">
                                        <i class="flaticon-parquet"></i>
                                    </div>
                                    <div class="work-tap-text">
                                        <h4>Wood Cladding</h4>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="contact-tab1" data-toggle="tab" href="#contact1" role="tab" aria-controls="contact" aria-selected="false">
                                <div class="work-tap-wrapper">
                                    <div class="work-tap-icon">
                                        <i class="flaticon-address"></i>
                                    </div>
                                    <div class="work-tap-text">
                                        <h4>Steel & Glass</h4>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="contact-tab2" data-toggle="tab" href="#contact2" role="tab" aria-controls="contact" aria-selected="false">
                                <div class="work-tap-wrapper text-center">
                                    <div class="work-tap-icon">
                                        <i class="flaticon-sofa"></i>
                                    </div>
                                    <div class="work-tap-text">
                                        <h4>Interior Design</h4>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                 </div>
                 <div class="container">
                     <div class="row">
                         <div class="col-xl-12">
                            <div class="product-tab-content">
                                <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                        <div class="row text-center">
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/01.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/02.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/03.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/04.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/05.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/06.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                        <div class="row text-center">
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/01.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/02.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/04.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/03.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/05.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/06.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                                        <div class="row text-center">
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/01.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/02.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/04.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/05.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/03.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/06.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="contact1" role="tabpanel" aria-labelledby="contact-tab1">
                                        <div class="row text-center">
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/01.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/02.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/04.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/03.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/05.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/06.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="contact2" role="tabpanel" aria-labelledby="contact-tab2">
                                        <div class="row text-center">
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/02.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/01.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/04.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/03.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/05.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 col-lg-4 col-md-6">
                                                <div class="b-work position-relative mb-30">
                                                    <div class="b-work-img">
                                                        <img src="assets/img/work/06.jpg" alt="">
                                                    </div>
                                                    <div class="b-work-content-2 b-work-content-3">
                                                        <div class="inner-work-2">
                                                            <h2><a href="#">Metal Engineering</a></h2>
                                                            <p>But I must explain to you how all this
                                                                mistaken denouncing pleasure</p>
                                                            <div class="b-work-link">
                                                                <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                         </div>
                     </div>
                 </div>
            </div>
            <!-- work-area-end -->

            <!-- faq-area-start -->
            <div class="faq-area pt-125 pb-100 blue-soft-bg" style="background-image:url(assets/img/bg/bg-4.png)">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 offset-lg-3 offset-xl-3">
                            <div class="section-title white-title text-center mb-75">
                                <span>ask question</span>
                                <h1>Freequently Asked Questions</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-6 col-lg-6">
                            <div class="faq-box mb-30">
                                <div id="accordion">
                                    <div class="card">
                                        <div class="card-header" id="headingOne">
                                            <h5 class="mb-0">
                                                <a href="#" class="btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> What Do You Know About Interior? </a>
                                            </h5>
                                        </div>
                                        <div class="collapse show" id="collapseOne" aria-labelledby="headingOne" data-parent="#accordion">
                                            <div class="card-body">
                                                <p>On the other hand, we denounce with righteous indignatio and disle men who are so beguiled and demoralized by the charms of pleasure of the moment blinded by desire that they cannot foresee </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header" id="headingTwo">
                                            <h5 class="mb-0">
                                                <a href="#" class="btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> New What Most Important Of Architectural Design ?</a>
                                            </h5>
                                        </div>
                                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                                            <div class="card-body">
                                                <p>On the other hand, we denounce with righteous indignatio and disle men who are so beguiled and demoralized by the charms of pleasure of the moment blinded by desire that they cannot foresee </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header" id="headingThree">
                                            <h5 class="mb-0">
                                                <a href="#" class="btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                 Basic Part Of Property For Human Life ?</a></h5>
                                        </div>
                                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                                            <div class="card-body">
                                                <p>On the other hand, we denounce with righteous indignatio and disle men who are so beguiled and demoralized by the charms of pleasure of the moment blinded by desire that they cannot foresee </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header" id="headingFour">
                                            <h5 class="mb-0">
                                                <a href="#" class="btn-link collapsed" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                Why We Learn About Interior Designing?</a> </h5>
                                        </div>
                                        <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
                                            <div class="card-body">
                                                <p>On the other hand, we denounce with righteous indignatio and disle men who are so beguiled and demoralized by the charms of pleasure of the moment blinded by desire that they cannot foresee </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6">
                            <div class="faq-img mb-30">
                                <img src="assets/img/bg/02.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- faq-area-end -->

            <!-- clients-area-start -->
            <div class="clients-area pt-125 pb-100">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 offset-lg-3 offset-xl-3">
                            <div class="section-title section-margin text-center mb-120">
                                <span>what clients say</span>
                                <h1>Valuable Clients Feedback</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-6 col-lg-6">
                            <div class="clients-03-img mb-30">
                                <img src="assets/img/testimonial/client.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6">
                            <div class="client-02-active clients-02-margin">
                                <div class="clients-02-wrapper mb-30 red-bg text-center" style="background-image:url(assets/img/testimonial/client-02.png)">
                                    <div class="client-img pos-rel">
                                        <img src="assets/img/testimonial/test-04.png" alt="">
                                    </div>
                                    <div class="client-content">
                                        <p>But I must explain you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teach ings of the great explorer truth</p>
                                        <div class="client-text">
                                            <h4>Sonika D. Silva</h4>
                                            <span>web designer</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="clients-02-wrapper mb-30 red-bg text-center" style="background-image:url(assets/img/testimonial/client-02.png)">
                                    <div class="client-img pos-rel">
                                        <img src="assets/img/testimonial/test-04.png" alt="">
                                    </div>
                                    <div class="client-content">
                                        <p>But I must explain you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teach ings of the great explorer truth</p>
                                        <div class="client-text">
                                            <h4>Sonika D. Silva</h4>
                                            <span>web designer</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="clients-02-wrapper red-bg mb-30 text-center" style="background-image:url(assets/img/testimonial/client-02.png)">
                                    <div class="client-img pos-rel">
                                        <img src="assets/img/testimonial/test-04.png" alt="">
                                    </div>
                                    <div class="client-content">
                                        <p>But I must explain you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teach ings of the great explorer truth</p>
                                        <div class="client-text">
                                            <h4>Sonika D. Silva</h4>
                                            <span>web designer</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- clients-area-end -->

            <!-- blog-area-start -->
            <div class="blog-area pt-125 pb-100" style="background-image:url(assets/img/bg/bg-5.jpg)">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 offset-lg-3 offset-xl-3">
                            <div class="section-title text-center mb-75">
                                <span>articles & tips</span>
                                <h1>Latest News & Blog</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="blog-wrapper blog-red-wrapper mb-30">
                                <div class="blog-img">
                                    <a href="blog-details.html"><img src="assets/img/blog/01.jpg" alt=""></a>
                                </div>
                                <div class="blog-text">
                                    <h4><a href="blog-details.html">Monthly Web Development Was WebP State Of  Low Stress.</a></h4>
                                    <a href="blog-details.html">Read More <i class="dripicons-arrow-thin-right"></i></a>
                                    <div class="blog-meta">
                                        <span> <i class="far fa-calendar-alt"></i> 05 Feb 2019</span>
                                        <span> <a href="blog-details.html"><i class="far fa-comment"></i> Comments (03)</a></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="blog-wrapper blog-red-wrapper mb-30">
                                <div class="blog-img">
                                    <a href="blog-details.html"><img src="assets/img/blog/02.jpg" alt=""></a>
                                </div>
                                <div class="blog-text">
                                    <h4><a href="blog-details.html">Web Performance For Third Party Scripts SmashingConf Videos</a></h4>
                                    <a href="blog-details.html">Read More <i class="dripicons-arrow-thin-right"></i></a>
                                    <div class="blog-meta">
                                        <span> <i class="far fa-calendar-alt"></i> 05 Feb 2019</span>
                                        <span> <a href="blog-details.html"><i class="far fa-comment"></i> Comments (03)</a></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="blog-wrapper blog-red-wrapper mb-30">
                                <div class="blog-img">
                                    <a href="blog-details.html"><img src="assets/img/blog/01.jpg" alt=""></a>
                                </div>
                                <div class="blog-text">
                                    <h4><a href="blog-details.html">User Experience Psychology And Performance Smas Videos</a></h4>
                                    <a href="blog-details.html">Read More <i class="dripicons-arrow-thin-right"></i></a>
                                    <div class="blog-meta">
                                        <span> <i class="far fa-calendar-alt"></i> 05 Feb 2019</span>
                                        <span> <a href="blog-details.html"><i class="far fa-comment"></i> Comments (03)</a></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- blog-area-end -->

            <!-- subscribe-area-start -->
            <div class="subscribe-area pt-130 pb-100">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="subscribe-wrapper red-bg mb-30" style="background-image:url(assets/img/bg/sub.png)">
                                <h2 class="sub-title">Subscribe Our Newsletter </h2>
                                 <form id="sub-form" action="#">
                                    <input type="text" placeholder="Your Full Name">
                                    <input type="email" placeholder="Enter email Address">
                                    <div class="sub-button text-center">
                                        <button class="btn">Subscribe now</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="map-wrapper mb-30">
                                <div id="contact-map" class="sup-map"></div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="sub-address-wrapper mb-30" style="background-image:url(assets/img/bg/bg-6.jpg)">
                                <h2 class="sub-title">Don't Hesitate To Contact  Us</h2>
                                <ul class="sub-address-link">
                                    <li>
                                        <div class="sub-address-icon">
                                            <i class="fas fa-home"></i>
                                        </div>
                                        <div class="sub-address-text">
                                            <h4>Our Office</h4>
                                            <p>325 Business, Evenue, <br> Market New York.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="sub-address-icon">
                                            <i class="far fa-envelope-open"></i>
                                        </div>
                                        <div class="sub-address-text">
                                            <h4>Mail Us</h4>
                                            <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4b383e3b3b24393f0b2c262a222765282426">[email&#160;protected]</a></p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="sub-address-icon">
                                            <i class="fas fa-headphones"></i>
                                        </div>
                                        <div class="sub-address-text">
                                            <h4>Call Us</h4>
                                            <p>8 800 567.890.11</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- subscribe-area-end -->

           <!-- brand-area-start -->
           <div class="brand-area pb-130">
                <div class="container">
                    <div class="row brand-active">
                        <div class="col-xl-12">
                            <div class="brand-img text-center">
                                <img src="assets/img/brand/01.png" alt="" />
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <div class="brand-img text-center">
                                <img src="assets/img/brand/02.png" alt="" />
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <div class="brand-img text-center">
                                    <img src="assets/img/brand/03.png" alt="" />
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <div class="brand-img text-center">
                                    <img src="assets/img/brand/04.png" alt="" />
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <div class="brand-img text-center">
                                    <img src="assets/img/brand/05.png" alt="" />
                            </div>
                        </div>
                        <div class="col-xl-12 text-center">
                            <div class="brand-img">
                                    <img src="assets/img/brand/02.png" alt="" />
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <div class="brand-img text-center">
                                <img src="assets/img/brand/01.png" alt="" />
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <div class="brand-img text-center">
                                <img src="assets/img/brand/02.png" alt="" />
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <div class="brand-img text-center">
                                    <img src="assets/img/brand/03.png" alt="" />
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <div class="brand-img text-center">
                                    <img src="assets/img/brand/04.png" alt="" />
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <div class="brand-img text-center">
                                    <img src="assets/img/brand/05.png" alt="" />
                            </div>
                        </div>
                        <div class="col-xl-12 text-center">
                            <div class="brand-img">
                                    <img src="assets/img/brand/02.png" alt="" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- brand-area-end -->

        </main>


        <!-- footer-area-start -->
        <footer>
            <div class="footer-widget-area footer-red blue-soft-bg pt-80">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-3 col-lg-3 col-md-6">
                            <div class="footer-wrapper mb-30">
                                <div class="footer-2-logo">
                                    <a href="index.html"><img src="assets/img/logo/red-logo.png" alt=""></a>
                                </div>
                                <div class="footer-text footer-2-text">
                                    <p>But I must explain to you how all this mist aken idea of denouncing pleasure and prais ing pain was born</p>
                                    <a href="#">Continue Reading</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6">
                            <div class="footer-wrapper pl-55 mb-30">
                                <h3 class="footer-title">Quick Links</h3>
                                <div class="footer-link">
                                    <ul>
                                        <li><a href="#">About Company</a></li>
                                        <li><a href="#">Latest Projects</a></li>
                                        <li><a href="#">Lastest From Blog</a></li>
                                        <li><a href="#">Our Mission</a></li>
                                        <li><a href="#">Our Testimonials</a></li>
                                        <li><a href="#">Contact Us</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-6">
                            <div class="footer-wrapper  mb-30">
                                <h3 class="footer-title">Company</h3>
                                <div class="footer-link">
                                    <ul>
                                        <li><a href="#">Need A Job ?</a></li>
                                        <li><a href="#">Meet Our Team</a></li>
                                        <li><a href="#">Setting & Privacy</a></li>
                                        <li><a href="#">What We Do?</a></li>
                                        <li><a href="#">Need Helps?</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="footer-wrapper pl-25 mb-30">
                                <h3 class="footer-title">Subscribe</h3>
                                <div class="subscribes-form">
                                    <form action="#">
                                        <input placeholder="Enter your email" type="email">
                                        <button><i class="far fa-long-arrow-right"></i></button>
                                    </form>
                                </div>
                                <div class="footer-3-icon">
                                    <span>Social Links</span>
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-google"></i></a>
                                    <a href="#"><i class="fab fa-dribbble"></i></a>
                                    <a href="#"><i class="fab fa-behance"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-bottom-area mt-40 pb-25">
                    <div class="container">
                        <div class="footer-bottom-border pt-25">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="copyright text-center col-md-left">
                                        <p>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="https://www.sucaihuo.com/">网站模板</a></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- footer-area-end -->



		<!-- JS here -->
        
		<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
        <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
        <script src="assets/js/popper.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/isotope.pkgd.min.js"></script>
        <script src="assets/js/slick.min.js"></script>
        <script src="assets/js/jquery.meanmenu.min.js"></script>
        <script src="assets/js/ajax-form.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.scrollUp.min.js"></script>
        <script src="assets/js/jquery.counterup.min.js"></script>
        <script src="assets/js/waypoints.min.js"></script>
        <script src="assets/js/imagesloaded.pkgd.min.js"></script>
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <script src="https://ditu.google.cn/maps/api/js?key=AIzaSyCo_pcAdFNbTDCAvMwAD19oRTuEmb9M50c"></script>
        <script src="assets/js/plugins.js"></script>
        <script src="assets/js/main.js"></script>

         <!-- Slider Revolution core JavaScript files -->
         <script type="text/javascript" src="assets/rs/js/jquery.themepunch.tools.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/jquery.themepunch.revolution.min.js"></script>
         <script src="assets/rs/js/revolution-active.js"></script>

         <!-- Slider Revolution extension scripts. ONLY NEEDED FOR LOCAL TESTING -->
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.actions.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.carousel.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.kenburn.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.layeranimation.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.migration.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.navigation.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.parallax.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.slideanims.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.video.min.js"></script>
    </body>
</html>